const app = getApp();
Page({

  /**
   * 页面的初始数据
   */
  data: {
    bankCards: [], // 存储银行卡列表数据
    loading: false, // 加载状态
    errorMsg: '' // 错误信息
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    // 页面加载时获取银行卡列表
    this.getBankCardList();
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {
    // 页面显示时重新获取数据，确保数据最新
    this.getBankCardList();
  },

  del(item) {
    console.log(item.target.dataset.item)
  },

  /**
   * 获取银行卡列表
   */
  getBankCardList() {
    // 显示加载状态
    this.setData({
      loading: true,
      errorMsg: ''
    });

    const queryParams = {
      card_id:wx.getStorageSync('card_id')
    }

    // 接口地址
    const bankCardUrl = `${app.globalData.baseUrl}/user/bank_card/`;
      
    // 调用接口获取银行卡列表
    wx.request({
      url: bankCardUrl,
      method: 'GET',
      data:queryParams,
      header: {
        'Content-Type': 'application/json'
        // 如需认证可添加token
        // 'Authorization': `Bearer ${wx.getStorageSync('token')}`
      },
      // 如接口需要其他参数可在此添加
      // data: {
      //   param1: 'value1'
      // },
      success: (res) => {
        this.setData({ loading: false });
        
        // 根据实际接口返回格式处理
        if (res.data.code === 200) {
          // 假设接口返回的数据在res.data.data中，是一个数组
          this.setData({
            bankCards: res.data.data || []
          });
        } else {
          this.setData({
            errorMsg: res.data.message || '获取银行卡列表失败'
          });
          wx.showToast({
            title: this.data.errorMsg,
            icon: 'none'
          });
        }
      },
      fail: (err) => {
        this.setData({
          loading: false,
          errorMsg: '网络错误，无法获取银行卡列表'
        });
        console.error('获取银行卡列表失败', err);
        wx.showToast({
          title: '网络错误，请重试',
          icon: 'none'
        });
      }
    });
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {
    // 下拉刷新时重新获取数据
    this.getBankCardList();
    // 停止下拉刷新动画
    wx.stopPullDownRefresh();
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {
    // 如果有分页需求，可以在这里实现加载更多逻辑
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {
    return {
      title: '我的银行卡',
      path: '/pages/bankcard/bankcard'
    };
  }
})
